@CHARSET "utf-8";

/* CONTENT and CONTAINER LAYOUT */
.container {width: 950px; margin: 0 auto;}

#content {width: 950px; background: #fff; margin: 0 auto; padding: 10px 0;}
#content #left-content {float: left; width: 730px; margin: 0;}
#content #right-content {margin-left: 750px; width: 200px;}

/* COMMON STYLES */
.title-right {float: right; padding: 10px 10px 0 0;}


/* ----- TABLE UI ----- */
/* DETAIL TABLE */
table.detail-table {border-collapse: collapse; width: 430px;}
table.detail-table tr {border-bottom: 1px dotted #ccc;}
table.detail-table tr th {background: #efefef; font-weight: bold; text-align: left; width: 120px; padding: 7px 5px;}
table.detail-table tr td {padding: 5px 7px;}

/* SCHEDULE TABLE */
table.schedule-table {border-collapse: collapse; width: 100%;}
table.schedule-table tr .sat {background: #d4eefe;}
table.schedule-table tr .sun {background: #ffebf5;}
table.schedule-table tr th {background: #efefef; border: 1px solid #ccc; font-weight: bold; width: 80px; padding: 7px 5px; text-align: center;}
table.schedule-table tr td {padding: 5px 7px; border: 1px solid #ccc;}

/* SEARCH RESULT TABLE */
table.search-result-table {border-collapse: collapse; width: 100%;}
table.search-result-table tr th {background: #efefef; border: 1px solid #ccc; font-weight: bold; width: 80px; padding: 7px 5px; text-align: center;}
table.search-result-table tr td {padding: 5px 7px; border: 1px solid #ccc;}

/* ----- TAB UI ----- */
/* COMMON TABS */
ul.tabs {list-style: none; margin: 0; padding: 0; z-index: 5;}
ul.tabs li {display: block;}

/* VERTICAL TABS */
.tab-container {background: #fff; border-left: 1px solid #bbb; position: relative; overflow: auto; padding: 10px;}
.vertical {float: left; margin-right: -0.083em; position: relative; width: 15em;}
.vertical-container {margin-left: 1.0em;}
.vertical-container ul.tabs li {margin: -1px 0 0; border: 1px solid #bbb; border-right: medium none; display: block; padding: 0;}
.vertical-container ul.tabs li.selected {background: #fff; margin-left: -0.5em; margin-right: -1px;}
.vertical-container ul.tabs li.first {margin-top: 0.5em;}
.vertical-container ul.tabs li a {background: #efefef; color: #535353; display: block; font-weight: bold; text-decoration: none; cursor: pointer; padding: 0.4em 0.5em 0.2em;}
.vertical-container ul.tabs li a:hover {background: #fff;}
.vertical-container ul.tabs li.selected a {background: none repeat scroll 0 0 #fff; color: #000;}

/* HORIZONTAL TABS */
.sub-container {margin: 0; padding: 0; position: relative; overflow: auto;}
.sub-container ul.tabs {font-size: 1.1em; overflow: hidden; position: relative;}
.sub-container ul.tabs li {float: left; border: medium none; margin: 0.332em 0 0; padding: 0 0 1px; white-space: normal;}
.sub-container ul.tabs li a {border: 1px solid #fff; padding: 0.2em 0.7em 0.1em 0.7em; font-weight: normal; text-decoration: none; cursor: pointer;}
.sub-container ul.tabs li a:hover {border: 1px solid #ccc; text-decoration: none;}
.sub-container ul.tabs li.selected {background: #fff;}
.sub-container ul.tabs li.selected a {background: none repeat scroll 0 0 #fff; border: 1px solid #999; border-bottom: none; color: #333; margin-bottom: -10px;}
.sub-tab-container {border-top: 1px solid #999;}

/* ----- AJAX UI ----- */
/* LOADING */
.nowloading {background: url("./images/loading.gif") no-repeat 8px; padding-left: 1em; margin: 1em;}



/*
.tab-container .schedule-container {}
.tab-container .schedule-container h2 {font-size: 13px; border-bottom: 1px dotted #ccc; margin: 1em 0 0.5em 0; padding: 0.1em 0.5em;}
.tab-container .schedule-container table.schedule {width: 100%; border-collapse: collapse;}
.tab-container .schedule-container table.schedule tr th {width: 7em; border: 1px solid #ccc; color: #535353; background: #efefef; padding: 0.4em;}
.tab-container .schedule-container table.schedule tr td {border: 1px solid #ccc; padding: 0.3em;}
.tab-container .schedule-container table.schedule tr td p {margin: 0.4em 0;}
*/

/* SIMPLE THEME */
.simple-theme {margin: 10px 0;}
.simple-theme .title {font-weight: bold; font-size: 14px; border-left: 6px solid #194995; text-indent: 0.7em; padding: 0.3em 0;}

/* ONEGAI */
.please {border-top: 1px dotted #999;}
.please p {line-height: 1.5em; margin: 0.7em 0;}
.please p.title {font-weight: bold;}
